<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<div th:replace="themes/hxq/header::header(null,null)"></div>
<body>

<!-- container -->
<div class="container">

    <ol class="breadcrumb">
        <li><a href="index.html">主页</a></li>
        <li class="active">加入我们</li>
    </ol>

    <div class="row">

        <!-- Article main content -->
        <article class="col-sm-9 maincontent">
            <header class="page-header">
                <h1 class="page-title">加入我们</h1>
            </header>

            <p>
                我们很乐意收到你的来信。有兴趣一起工作吗？填写下面的表格和一些关于你的信息，我会尽快回复你。
            </p>
            <br/>
            <!--NOTE: Update your email Id in "contact_me.php" file in order to receive emails from your contact form-->
            <form name="sentMessage" id="contactForm">
                <div class="control-group">
                    <div class="controls">
                        <input type="text" class="form-control" placeholder="姓名" id="name" required="true"
                               data-validation-required-message="请输入你的姓名"
                        />
                        <p class="help-block"></p>
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <input type="email" class="form-control" placeholder="邮箱" id="email"
                               requireddata-validation-required-message="请输入你的常用邮箱"
                        />
                        <p class="help-block"></p>
                    </div>
                </div>

                <div class="control-group">
                    <div class="controls">
							<textarea rows="10" cols="100" class="form-control" placeholder="消息" id="message"
                                      required="true" data-validation-required-message="请输入相关信息"
                                      minlength="5" data-validation-minlength-message="最少5个字符" maxlength="999"
                                      style="resize:none"></textarea>
                        <p class="help-block"></p>
                    </div>
                </div>

                <div id="success"></div>
                <!-- For success/fail messages -->
                <button type="submit" class="btn btn-primary pull-right">发送</button>
                <br/>
            </form>

        </article>
        <!-- /Article -->

        <!-- Sidebar -->
        <aside class="col-sm-3 sidebar sidebar-right">

            <div class="panel contact">
                <h4>地址</h4>
                <ul>
                    <li><i class="fa fa-phone"></i>400-012-3721</li>
                    <li><a href="#"><i class="fa fa-envelope-o"></i> contact@webthemez.com</a></li>
                    <li><i class="fa fa-flag"></i>深圳市龙华新区大浪街道华盛路45号宝华诚工业园办公楼二楼</li>
                </ul>
            </div>

        </aside>
        <!-- /Sidebar -->

    </div>
</div>
<!-- /container -->

<section class="container-full top-space">
    <div id="map-canvas" style="width:100%;height:250px;"></div>
</section>


<div th:replace="themes/hxq/footer::footer"></div>


<!-- Google Maps
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script src="assets/js/google-map.js"></script>
-->

</body>

</html>